<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分页查询</title>
    <link rel="stylesheet" href="https://www.layuicdn.com/layui-v2.5.6/css/layui.css " media="all">
    <script src=" https://www.layuicdn.com/layui-v2.5.6/layui.js "></script>

</head>
<body>
<div class="table">
    <!--搜索框-->
    书名:
    <div class="layui-inline">
        <input type="text" class="layui-input" id="name" autocomplete="off">
    </div>
    <div class="layui-input-inline">
        <select id="language" class="layui-input"  autocomplete="off" style="width: 180px">
            <option selected="selected" value="">请选择语言</option>
            <option value="中文">中文</option>
            <option value="英文">英文</option>
        </select>
    </div>
    <button class="layui-btn" id="find" data-type="reload">点击搜索</button>
</div>
<table class="layui-hide" id="table" lay-filter="book">
</table>
<table class="layui-hide" id="test" lay-filter="test"></table>
</body>

<script>
    layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element', 'slider'], function(){
        var laydate = layui.laydate //日期
            ,laypage = layui.laypage //分页
            ,layer = layui.layer //弹层
            ,table = layui.table //表格
            ,carousel = layui.carousel //轮播
            ,upload = layui.upload //上传
            ,element = layui.element //元素操作
            ,slider = layui.slider //滑块
        table.render({
            elem: '#test'
            ,height: 420
            ,url: '/api/admin/selectAllByPage' //数据接口
            ,title: '用户表'
            ,page: true,
            defaultToolbar:[],
            method: 'post',
            id:'readerlist',
            skin: 'line ', //表格风格 line （行边框风格）row （列边框风格）nob （无边框风格）
            even: true ,   //隔行换色
            cols : [[
                {type: 'radio', fixed: 'left'},
                {filed:'aid',title:'编号',templet:function (item){return item.aid;}},
                {filed:'aname',title:'姓名',templet:function (item){return item.aname;}},
                {filed:'apwd',title:'密码',templet:function (item){return item.apwd;}},
                {filed:'realname',title:'真实姓名',templet:function (item){return item.realname;}}
            ]]
            ,parseData : function (rs) {
                //数据格式解析
                return {
                    "code": rs.code, //解析接口状态
                    "msg": rs.msg,//解析提示文本
                    "count":rs.count,
                    "data": rs.pageInfo.list//解析数据列表
                }
            }
            , response: {
                statusCode: 200, //规定成功的状态码，默认：0
            },
            done: function (res, curr, count) {//回调
                //如果是异步请求数据方式，res即为你接口返回的信息。
                //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                console.log(res);
                //得到当前页码
                console.log(curr);
                //得到数据总量
                console.log(count);
            }
        })
        //搜索
        // $("#find").click(function () {
        //     table.reload('readerlist', {
        //         where: {
        //             name: $("#aname").val(),
        //         }
        //     });
        // });
    })
</script>
</html>